<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" charset="utf-8" src="/static/admin/utf8-php/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/static/admin/utf8-php/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="/static/admin/utf8-php/lang/zh-cn/zh-cn.js"></script>
</head>
<body>
<form action="/week2/add" method="post" enctype="multipart/form-data">
    <select name="category_id" id="">
        <option value="">请选择分类</option>
        {foreach $category as $value}
        <option value="{$value.id}">{$value.name}</option>
        {/foreach}
    </select>
    <textarea name="desc" id="desc" cols="30" rows="10"></textarea>
    <input type="file" name="logo">
    <input type="text" name="title">

    <hr>
    <p>wangEditor富文本编辑器</p>
    <div id="div1">
        <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
    </div>
    <textarea id="text1" name="wangDesc" style="width:100%; height:200px;"></textarea>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
    <!-- 引入 wangEditor.min.js -->
    <script type="text/javascript">
        const E = window.wangEditor
        const editor = new E('#div1')
        const $text1 = $('#text1')
        editor.config.onchange = function (html) {
            // 第二步，监控变化，同步更新到 textarea
            $text1.val(html)
        }
        editor.create()

        // 第一步，初始化 textarea 的值
        $text1.val(editor.txt.html())
    </script>
    <input type="submit" value="提交">
</form>
</body>
<script>
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('desc');
</script>
</html>